<template>
  <div class="container">
    <div>
      <div>
        <span @click="$router.back(-1)"
              class="back">返回列表</span> > {{$route.query.name}}（{{$route.query.time}}）
      </div>
    </div>
    detial
  </div>
</template>

<script>
import easyChart from '@/components/EasyChart'
import { fetchHistoryDetail } from '@/api/table'

export default {
  name: '',
  data() {
    return {
      loading: true,
      stepOneList: {
        params: {},
        struct: {},
        ng: '',
        x: '',
      },
      isShowLog: false, //是否显示公式
      isShowStepOne: false, //是否显示第一步表格
      isShowUpload: true,
      isShowUploadtxt: false,
      uploadFile: {},
      exlName: '', //下载表格名
      isShowPer: false,
      percentage: 0,
      customColor: '#e6a23c',
    }
  },
  components: {
    easyChart,
  },
  mounted() {
    this.getHistoryDetail()
  },
  methods: {
    async getHistoryDetail() {
      const res = await fetchHistoryDetail({
        id: this.$route.query.id,
      })
      this.loading = false
    },
  },
}
</script>

<style lang="scss" scoped>
.container {
  padding: 20px;
}
.back {
  color: #028cdf;
  cursor: pointer;
}
table {
  border-collapse: collapse;
  text-align: center;
  white-space: nowrap;
  margin-bottom: 20px;
}
</style>